<template>
	<div class="home">
		<home-header class="home-header"></home-header>
		<home-swiper></home-swiper>
		<home-catalog></home-catalog>
		<home-hot></home-hot>
		<home-weekend></home-weekend>
		<home-guess></home-guess>
	</div>
</template>

<script>
import homeHeader from './components/homeHeader.vue'
import homeSwiper from './components/homeSwiper.vue'
import homeCatalog from './components/homeCatalog.vue'
import homeHot from './components/homeHot.vue'
import homeWeekend from './components/homeWeekend.vue'
import homeGuess from './components/homeGuess.vue'
export default {
  name: 'Home',
  components: {
	  homeHeader,
	  homeSwiper,
	  homeCatalog,
	  homeHot,
	  homeWeekend,
	  homeGuess
  }
}
</script>

<style>
	.home {
		position: relative;
	}
	.home-header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}
</style>
